$(function () {

	//初始化fullpage组件
	//1.设置每一个屏幕的背景颜色
	//2.设置屏幕内容的对齐方式 默认是垂直居中 改成顶部对齐
	//3.设置 点控制器
	$('#container').fullpage({
		//配置参数
		sectionsColor: ["#fadd67", "#84a2d4", "#ef674d", "#ffeedd", "#d04759", "#84d9ed", "#8ac060"],
		verticalCentered: false,
		navigation: true,
		scrollingSpeed: 1000,
		afterLoad: function (link, index) {
			$('.section').eq(index - 1).addClass('now');
		},
		// 离开某一个屏幕的时候触发
		onLeave: function (index, nextIndex, direction) {
			var currentScreen = $('.section').eq(index - 1)
			if (index == 2 && nextIndex == 3) {
				// 当从第二页到第三页
				currentScreen.addClass('leaved');
			} else if (index == 3 && nextIndex == 4) {
				currentScreen.addClass('leaved');
			} else if (index == 5 && nextIndex == 6) {
				currentScreen.addClass('leaved');
				$('.screen06 .box').addClass('show')
			} else if (index == 6 && nextIndex == 7) {
				$('.screen07 .star img').each(function (i, item) {
					$(this).delay(i * 0.5 * 1000).fadeIn()
				})
				$('.screen07 .text').addClass('show')
			} else if (index == 7 && nextIndex == 8) {
				$('.more').css('display', 'none')
			}
		},
		afterRender: function () {
			// 点击切换到下一页，最好在插件初始化完毕再加载事件
			$('.more').on('click', function () {
				$.fn.fullpage.moveSectionDown();
			});
			$('.screen04 .cart').on('transitionend', function () {
				// console.log(123);
				$('.screen04 .address').fadeIn().find('img:last').fadeIn(3000);
				$('.screen04 .text').addClass('show')
			});
			// 第八屏幕的动画： 1.手 跟着鼠标移动  2.再来一次跳转第一页

			$('.screen08').on('mousemove', function (e) {
				// console.log(e);
				$(this).find('.hand').css({
					left: e.clientX - 400,
					top: e.clientY - 300
				})

			}).find('.again').on('click', function () {
				// 重置动画
				// 1. 去掉 now  leaved  show 等类名
				$('.now, .leaved, .show').removeClass('.show').removeClass('.now').removeClass('.show')
				// 2. 取消css样式属性设置
				// 3. 取消jQuery方法
				$('.content [style]').removeAttr('style');
				// 跳转到第一页
				$.fn.fullpage.moveTo(1);
			})
		}

	});



});